<template lang="html">
    <div class="container">
        <div>
            <movie-index-header></movie-index-header>
        </div>
        <div class="contentMain">
            <div>
                <div class="contentLeft">
                    <ul class="cont-ul">
                        <movie-list></movie-list>
                    </ul>
                </div>
            </div>
        </div>
        <div>
            <common-foot></common-foot>
        </div>
    </div>
</template>

<script>
    import MovieIndexHeader from '../components/MovieIndexHeader'
    import MovieList from '../components/MovieList'
    import CommonFoot from '../components/CommonFoot'

    export default{
        components: {
            MovieIndexHeader,
            MovieList,
            CommonFoot,
        }
    }
</script>

<style lang="css" scoped>
.container {
    width: 100%;
    margin: 0 auto;
}

.contentMain {
    padding-top: 150px;
}

.contentText {
    font-size: 15px;
    padding-top: 20px;
}
</style>